<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>云之家考勤查询</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">

	<import file="style.css" />
</head>

<body>
	<nav class="bar bar-nav bar-standard">
		<h1 class="title">团队注册号(EID)：15034412</h1>
	</nav>
	<div class="bar bar-footer">
		<div class="buttons-row">
			<a href="#" class="button button-round">更新通讯录</a>
			<a href="javascript:;" class="button button-round btn-search-popup">搜索</a>
		</div>
	</div>
	<div class="content">
		<div class="content-block">
			<table class="table">
				<thead>
					<tr>
						<th width="20%">用户名</th>
						<th width="30%">签到日期</th>
						<th width="50%">签到地点</th>

					</tr>
				</thead>
				<tbody>
					<foreach name="clock_data" item="clock_item">
						<tr>
							<td>{$clock_item.userName}</td>
							<td>{$clock_item.time}</td>
							<td>{$clock_item.position}</td>
						</tr>
					</foreach>
				</tbody>
			</table>
		</div>
	</div>
	<!-- Popup -->
	<div class="popup popup-search">
		<div class="content native-scroll">
			<div class="list-block">
				<ul>
					<li>
						<div class="item-content">
							<div class="item-media"><i class="icon icon-form-gender"></i></div>
							<div class="item-inner">
								<div class="item-title label">选择人员</div>
								<div class="item-input">
									<select name="openId">
										<foreach name="commlist" item="item">
											<option orgId="{$item.orgId}" globalId="{$item.globalId}" openId="{$item.openId}" value="{$item.openId}">{$item.name}</option>
										</foreach>
									</select>
								</div>
							</div>
						</div>
					</li>
					<!-- Date -->
					<li>
						<div class="item-content">
							<div class="item-media"><i class="icon icon-form-calendar"></i></div>
							<div class="item-inner">
								<div class="item-title label">开始日期</div>
								<div class="item-input">
									<input type="date" placeholder="Birth day" value="{$stime}" name="stime">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="item-content">
							<div class="item-media"><i class="icon icon-form-calendar"></i></div>
							<div class="item-inner">
								<div class="item-title label">结束日期</div>
								<div class="item-input">
									<input type="date" placeholder="Birth day" value="{$etime}" name="etime">
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-block">
				<div class="row">
					<div class="col-50"><a href="#" class="button button-big button-default btn-search-popdown">取消</a></div>
					<div class="col-50"><a href="#" class="button button-big button-fill button-default goclock">提交</a></div>
				</div>
			</div>
		</div>
	</div>
</body>

</html>

<script src="/assets/app/home/default/js/jquery.js"></script>
<script>
	$(function () {
		$('.btn-search-popup').click(function () {
			$('.popup-search').addClass('modal-in').show();
		});
		$('.btn-search-popdown').click(function () {
			$('.popup-search').removeClass('modal-in').hide();
		});
		var openId;
		// $(".commlist li a").click(function () {
		// 	openId = ($(this).attr("openId"));
		// 	$(".selectmem").html($(this).html());
		// })

		$(".goclock").click(function () {
			var stime = $("input[name=stime]").val();
			var etime = $("input[name=etime]").val();
			openId = $("select[name=openId] option:selected").val();
			console.log(openId)
			var url = "{U('/index/index')}" + "?openId=" + openId + "&stime=" + stime + "&etime=" + etime;
			window.location.href = url;
		})
	})
</script>